var startButtons = '<button id="count" class="active">Count</button><button id="size">Duration</button>';

function getSunburstButtons() {
	startNav();
	changeActive("sunburst");
	document.getElementById("chart").style.height = "800px";
	document.getElementById("durationButton").innerHTML = startButtons;
	document.getElementById("description").innerHTML ="";
	document.getElementById("legend").innerHTML = "";
	document.getElementById("controls").innerHTML = "";
	document.getElementById("subControls").style.display = "none";
	document.getElementById("description").style.display = "none";
	document.getElementById("chart").innerHTML = "";
	text = '<button id="AP" onclick="callSunburstConstructor(0)">Area > Projects</button>' + '<button id="ARP" onclick="callSunburstConstructor(1)">Area > Responsible > Projects</button>' + '<button id="ATP" onclick="callSunburstConstructor(2)">Area > Type > Projects</button>';

	document.getElementById("sunburstButtons").innerHTML = text;
	document.getElementById("sunburstButtons").style.display = "block";
	document.getElementById("durationButton").style.display = "none";

}

function changeActive(option) {

	document.getElementsByClassName("active").className = "";

	document.getElementById(option).className = "active";

}